<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>阳光科技网站</title>
    <!-- 引入初始化css文件 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 本页面的css文件 -->
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 
        1.规范化开发
        2.命名是否规范
        3.结构目录
        4.初步了解项目布局的组成部分
    -->
    <!-- 头部 -->
    <div class="top">
        <!-- 头部内容 -->
        <div class="top_con w1000">
            <!-- 头部左边 -->
            <div class="welcome">您好,欢迎访问本网站!</div>
            <!-- 头部右边 -->
            <div class="login">
                <a href="">登录</a>
                <a href="">注册</a>
                <a href="">联系客服</a>
                <a href="">收藏本站</a>
            </div>
        </div>
    </div>
    <!-- 导航内容 -->
    <div class="nav w1000">
        <!-- logo -->
        <a href="" class="logo"><img src="images/logo.png" alt=""></a>
        <!-- 导航内容 -->
        <ul class="nav_wrap">
            <li class="active"><a href="">公司首页</a></li>
            <li><a href="">产品介绍和下载</a></li>
            <li><a href="">合作流程</a></li>
            <li><a href="">加入我们</a></li>
        </ul>
    </div>
    <!-- banner图 -->
    <div class="banner"></div>
    <!-- 金刚区 -->
    <div class="main">
        <div class="main_con w1000">
            <div class="main_item">
                <img src="images/info_03.jpg" alt="">
                <p class="item_title">您的需求由您决定</p>
                <p class="item_desc">用户无局限，弥补支付空白，支持三大,运营商计费通道自由转换。
                </p>
            </div>
            <div class="main_item">
                <img src="images/info_04.jpg" alt="">
                <p class="item_title">超高转化率</p>
                <p class="item_desc">我们还提供了"App自动发布机” 可以向排名前100的应用市场自动发布推广。
                </p>
            </div>
            <div class="main_item">
                <img src="images/info_05.jpg" alt="">
                <p class="item_title"> 巨大的盈利空间</p>
                <p class="item_desc">用户无需开设账户操作便捷，在行内支付转化率最高，超过60%以上。
                </p>
            </div>
            <div class="main_item">
                <img src="images/info_06.jpg" alt="">
                <p class="item_title">全方位一站式服务</p>
                <p class="item_desc">为保障开发者的利益我们还提供了周期结算垫付服务。
                </p>
            </div>
        </div>
    </div>
    <!-- 主题 -->
    <div class="theme">
        <h2>我们为企业提供互联网服务12年，专业团队为您抢占微营销先机</h2>
        <p>拨打24H咨询热线: 010-12345678
        </p>
    </div>
    <!-- 下载内容 -->
    <div class="download"></div>
    <!-- 新闻内容 -->
    <div class="news w1000">
        <!-- 新闻的题目 -->
        <div class="news_title"></div>
        <!-- 新闻内容 -->
        <div class="news_con">
            <div class="news_left">
                <img src="images/pic_01.jpg" alt="">
                <div class="news_text">
                    <h3>2023公司发展良好</h3>
                    <p>公司的资金实力和发展规模不断壮大，目前，辖有全资子公司两个，控股公司一个，参股公司两个，公司总资产为58.98亿元，所有者权益为37.74亿元。</p>
                </div>
            </div>
            <div class="news_right">
                <img src="images/pic_01.jpg" alt="">
                <div class="news_text">
                    <h3>2023公司发展良好</h3>
                    <p>公司的资金实力和发展规模不断壮大，目前，辖有全资子公司两个，控股公司一个，参股公司两个，公司总资产为58.98亿元，所有者权益为37.74亿元。</p>
                </div>
            </div>
        </div>
        <!-- 新闻列表 -->
        <div class="news_list">
            <ul class="news_list_left">
                <li>
                    <a href="" class="clearfix">
                        <img src="images/square.jpg" alt="">
                        <h4>企业精准营销,品牌定位口碑营销</h4>
                        <span>2023-10-11</span>
                    </a>
                </li>
                <li>
                    <a href="" class="clearfix">
                        <img src="images/square.jpg" alt="">
                        <h4>企业精准营销,品牌定位口碑营销</h4>
                        <span>2023-10-11</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/square.jpg" alt="">
                        <h4>企业精准营销,品牌定位口碑营销</h4>
                        <span>2023-10-11</span>
                    </a>
                </li>
            </ul>
            <ul class="news_list_right">
                <li>
                    <a href="" class="clearfix">
                        <img src="images/square.jpg" alt="">
                        <h4>企业精准营销,品牌定位口碑营销</h4>
                        <span>2023-10-11</span>
                    </a>
                </li>
                <li>
                    <a href="" class="clearfix">
                        <img src="images/square.jpg" alt="">
                        <h4>企业精准营销,品牌定位口碑营销</h4>
                        <span>2023-10-11</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/square.jpg" alt="">
                        <h4>企业精准营销,品牌定位口碑营销</h4>
                        <span>2023-10-11</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 网站尾部 -->
    <div class="foot">
        <div class="foot_link">
            <a href="">关于我们</a>
            <a href="">联系我们</a>
            <a href="">友情链接</a>
            <a href="">加入我们</a>
        </div>
        <p class="foot_copy">
            Copyright@2023 Upay. All Rights Reserved信息版权所有京ICP备12026883号-5
        </p>
    </div>
</body>

</html>